﻿@model IEnumerable<Solution.Business.Entities.News>

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
    <link href="../../Content/style1.css" rel="stylesheet" />
    <script src="../../Scripts/jquery.js"></script>
    <script src="../../Scripts/jquery.easing.js"></script>
    <script src="../../Scripts/script.js"></script>
    
    <script type="text/javascript">
        $(document).ready(function () {
            var buttons = { previous: $('#lofslidecontent45 .lof-previous'),
                next: $('#lofslidecontent45 .lof-next')
            };

            $obj = $('#lofslidecontent45').lofJSidernews({
                interval: 4000,
                direction: 'opacitys',
                easing: 'easeInOutExpo',
                duration: 1200,
                auto: true,
                maxItemDisplay: 10,
                navPosition: 'horizontal', // horizontal
                navigatorHeight: 60,
                navigatorWidth: 70,
                mainWidth: 740,
                buttons: buttons
            });
        });
</script>
}

    @foreach(var item in Model)
    {
<div class="head-details">
                	<div class="head-details-left">
                        @item.Title
                    </div>
                </div> <!--End head-details-->
                	
                <div class="tab-details">
                	<div id="tabdiv2"  class="pane">
                      <div id="ctab11" class="tabcontent">
                      	   <div class="tab-box-left">
                        	<p>
                                @item.Content
                        	</p>
                        </div>
                        <div class="tab-box-right">
                            <div class="tab-box-right-content">Mã số tin: <span>@item.NewsId</span></div>
                            <div class="tab-box-right-content">Ngày đăng: <span>@item.Date</span></div>
                            <div class="tab-box-right-content">Giá: <span>@item.Price @item.Payment.Name</span></div>
                            <div class="tab-box-right-content">Tình trạng pháp lý: <span>
                                @if(item.Legal != null)
                                {
                                @item.Legal.Name
                                }
                                                                                   </span></div>
                            <div class="tab-box-right-content">Diện tích: <span>@item.Acreage</span></div>
                            <div class="tab-box-right-content">Địa chỉ: <span>@item.Address</span></div>
                            <div class="tab-box-right-content">Hướng: <span>
                                 @if(item.Direction != null)
                                {
                                @item.Direction.Name
                                 }
                                                                      </span></div>
                                 
            			</div> 
                      </div>	<!--End tab1-->
                      <div id="ctab12" class="tabcontent">
                          @if(item.Video !=null)
                          {
                              @Html.Raw(item.Video)
                          }
                      </div>
                      <div id="ctab13" class="tabcontent">
                          @if (item.Map != null)
                          { 
                            @Html.Raw(item.Map)
                          }
                       </div>
                      <div id="ctab14" class="tabcontent">
                          <div id="lofslidecontent45" class="lof-slidecontent" style="width:740px; height:473px;">
                <div class="preload"></div>
                <!-- MAIN CONTENT --> 
        <div class="lof-main-outer" style="width:760px; height:370px;">
  	    <ul class="lof-main-wapper">
            @if(@item.Image1 != null)
            {
  		    <li><a href="#"><img src="@item.Image1" /></a></li>
            }
            @if(@item.Image2 != null)
            {
  		    <li><a href="#"><img src="@item.Image2" /></a></li>
            }
            @if(@item.Image3 != null)
            {
  		    <li><a href="#"><img src="@item.Image3" /></a></li>
            }
              @if(@item.Image4 != null)
            {
  		    <li><a href="#"><img src="@item.Image4" /></a></li>
            }
              @if(@item.Image5 != null)
            {
  		    <li><a href="#"><img src="@item.Image5" /></a></li>
            }
              @if(@item.Image6 != null)
            {
  		    <li><a href="#"><img src="@item.Image6" /></a></li>
            }
              @if(@item.Image7 != null)
            {
  		    <li><a href="#"><img src="@item.Image7" /></a></li>
            }
              @if(@item.Image8 != null)
            {
  		    <li><a href="#"><img src="@item.Image8" /></a></li>
            }
              @if(@item.Image9 != null)
            {
  		    <li><a href="#"><img src="@item.Image9" /></a></li>
            }      
             

        </ul>  	
  </div>
  <!-- END MAIN CONTENT --> 
    <!-- NAVIGATOR -->
<div class="lof-navigator-wapper">

      <div class="lof-navigator-outer">
            <ul class="lof-navigator">
                   @if(@item.Image1 != null)
            {
  		    <li><a href="#"><img src="@item.Image1" /></a></li>
            }
            @if(@item.Image2 != null)
            {
  		    <li><a href="#"><img src="@item.Image2" /></a></li>
            }
            @if(@item.Image3 != null)
            {
  		    <li><a href="#"><img src="@item.Image3" /></a></li>
            }
              @if(@item.Image4 != null)
            {
  		    <li><a href="#"><img src="@item.Image4" /></a></li>
            }
              @if(@item.Image5 != null)
            {
  		    <li><a href="#"><img src="@item.Image5" /></a></li>
            }
              @if(@item.Image6 != null)
            {
  		    <li><a href="#"><img src="@item.Image6" /></a></li>
            }
              @if(@item.Image7 != null)
            {
  		    <li><a href="#"><img src="@item.Image7" /></a></li>
            }
              @if(@item.Image8 != null)
            {
  		    <li><a href="#"><img src="@item.Image8" /></a></li>
            }
              @if(@item.Image9 != null)
            {
  		    <li><a href="#"><img src="@item.Image9" /></a></li>
            }      
             		
            </ul>
      </div>
 </div> 
  <!----------------- --------------------->
 </div>
                          
                      </div>
				  </div>			  
		      </div>
		 <!--</div>-->
//</div> <!--End tab-details-->
    }